<html>
    <head>
        <title>Riceball Emoticons</title>
        <style>
            body {
                font-family: "Helvetica Neue", Arial, sans-serif;
                font-size: 14px;
                line-height: 21px;
            }

            h1 small {
                font-weight: normal;
                font-size: 18px;
                color: #777;
            }

            .emoji-wrap {
                display: inline-block;
                min-width: 200px;
                overflow: hidden;
                line-height: 28px;
            }

            .emoji-img-wrap {
                display: inline-block;
                text-align: center;
                min-width: 30px;
            }

            .emoji {
                vertical-align: text-bottom;
            }

            .alias {
                opacity: 0.5;
            }
        </style>
    </head>
    <body>
        <h1>
            Riceball Emoticons
            <small>33 emoji</small>
        </h1>
        <div class="emoji-list">
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="-1.png" title="-1" alt="-1" srcset="-1@2x.png 2x"
                /></span>
                :-1:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="+1.png" title="+1" alt="+1" srcset="+1@2x.png 2x"
                /></span>
                :+1:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="angry.png" title="angry" alt="angry" srcset="angry@2x.png 2x"
                /></span>
                :angry:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="blush.png" title="blush" alt="blush" srcset="blush@2x.png 2x"
                /></span>
                :blush:<span class="alias"> or :3</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="chuffed.png" title="chuffed" alt="chuffed" srcset="chuffed@2x.png 2x"
                /></span>
                :chuffed:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="crazy.png" title="crazy" alt="crazy" srcset="crazy@2x.png 2x"
                /></span>
                :crazy:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="cry.png" title="cry" alt="cry" srcset="cry@2x.png 2x"
                /></span>
                :cry:<span class="alias"> or :'(</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="dizzy.png" title="dizzy" alt="dizzy" srcset="dizzy@2x.png 2x"
                /></span>
                :dizzy:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="eh.png" title="eh" alt="eh" srcset="eh@2x.png 2x"
                /></span>
                :eh:<span class="alias"> or o.O</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="fearful.png" title="fearful" alt="fearful" srcset="fearful@2x.png 2x"
                /></span>
                :fearful:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="frown.png" title="frown" alt="frown" srcset="frown@2x.png 2x"
                /></span>
                :frown:<span class="alias"> or :(</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="glasses.png" title="glasses" alt="glasses" srcset="glasses@2x.png 2x"
                /></span>
                :glasses:<span class="alias"> or 8-)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="innocent.png" title="innocent" alt="innocent" srcset="innocent@2x.png 2x"
                /></span>
                :innocent:<span class="alias"> or o:)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="kiss.png" title="kiss" alt="kiss" srcset="kiss@2x.png 2x"
                /></span>
                :kiss:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="lol.png" title="lol" alt="lol" srcset="lol@2x.png 2x"
                /></span>
                :lol:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="love.png" title="love" alt="love" srcset="love@2x.png 2x"
                /></span>
                :love:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="money.png" title="money" alt="money" srcset="money@2x.png 2x"
                /></span>
                :money:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="naughty.png" title="naughty" alt="naughty" srcset="naughty@2x.png 2x"
                /></span>
                :naughty:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="neutral.png" title="neutral" alt="neutral" srcset="neutral@2x.png 2x"
                /></span>
                :neutral:<span class="alias"> or :|</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="ohnoes.png" title="ohnoes" alt="ohnoes" srcset="ohnoes@2x.png 2x"
                /></span>
                :ohnoes:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="pirate.png" title="pirate" alt="pirate" srcset="pirate@2x.png 2x"
                /></span>
                :pirate:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="rage.png" title="rage" alt="rage" srcset="rage@2x.png 2x"
                /></span>
                :rage:<span class="alias"> or >_<</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="sarcastic.png"
                        title="sarcastic"
                        alt="sarcastic"
                        srcset="sarcastic@2x.png 2x"
                /></span>
                :sarcastic:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="scream.png" title="scream" alt="scream" srcset="scream@2x.png 2x"
                /></span>
                :scream:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sick.png" title="sick" alt="sick" srcset="sick@2x.png 2x"
                /></span>
                :sick:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="silenced.png" title="silenced" alt="silenced" srcset="silenced@2x.png 2x"
                /></span>
                :silenced:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="smile.png" title="smile" alt="smile" srcset="smile@2x.png 2x"
                /></span>
                :smile:<span class="alias"> or :)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img
                        class="emoji"
                        src="sunglasses.png"
                        title="sunglasses"
                        alt="sunglasses"
                        srcset="sunglasses@2x.png 2x"
                /></span>
                :sunglasses:<span class="alias"> or B)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="sweat.png" title="sweat" alt="sweat" srcset="sweat@2x.png 2x"
                /></span>
                :sweat:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="tongue.png" title="tongue" alt="tongue" srcset="tongue@2x.png 2x"
                /></span>
                :tongue:<span class="alias"> or :p</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="unamused.png" title="unamused" alt="unamused" srcset="unamused@2x.png 2x"
                /></span>
                :unamused:</span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="wink.png" title="wink" alt="wink" srcset="wink@2x.png 2x"
                /></span>
                :wink:<span class="alias"> or ;)</span></span
            >
            <span class="emoji-wrap emoji-wrap-1x"
                ><span class="emoji-img-wrap"
                    ><img class="emoji" src="yum.png" title="yum" alt="yum" srcset="yum@2x.png 2x"
                /></span>
                :yum:</span
            >
        </div>
    </body>
</html>
